<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #s1{
            border:1px solid #000;
            width:100px;
            height:100px;
            /*要给行内元素设置宽高必须把行内元素变成行内块元素*/
            display: inline-block;
        }

        i,b{
            width:100px;
            height:100px;
            border:1px solid #000;
            display: inline-block;
        }

        /*隐藏d1*/
        #d1{
            display: none;
        }
    </style>
</head>
<body>
    <div>
        大家好，我叫<span id="s1">王志刚 </span>，今年<i>24岁</i>了，家住北京市<b>海淀区</b>北三环西路

        <div id="d1">
            <h1>静夜思</h1>
            <p>床前明月光</p>
            <p>疑是地上霜</p>
            <p>举头望明月</p>
            <p>低头思故乡</p>
        </div>
    </div>
</body>
</html>